﻿

<div>
    <form name="fireFightingWorkCreateOrEditForm" role="form" novalidate class="form-validation">
        <div class="modal-header">
            <h4 class="modal-title">
                <span>详情信息</span>
            </h4>
        </div>
        <div class="modal-body">

            <div class="form-group form-md-line-input form-md-floating-label no-hint">
                <input type="text" class="form-control" name="Title" ng-class="{'edited':vm.fireFightingWork.title}" ng-model="vm.fireFightingWork.title" maxlength="100" required />
                <label>标题</label>
                <span class="help-block">@L("Title")@L("MustBe_Required")</span>
            </div>

            <div class="clearfix" style="width:100%;overflow:hidden;">
                <div class="pull-left" style="width:160px;margin:7px;" ng-repeat="x in vm.fireFightingWork.files">
                    <img src="{{x.url}}" alt="Alternate Text" style="width:100%;height:auto;background:teal;" />
                </div>
            </div>

            <div class="form-group form-md-line-input form-md-floating-label no-hint mrshen3">
                <select name="TownID" class="form-control edited ng-pristine ng-valid ng-not-empty ng-touched" ng-model="vm.fireFightingWork.townID" ng-change="vm.bindArea(vm.fireFightingWork.townID)" required>
                    <option ng-repeat="x in vm.townList" value="{{x.id}}" ng-selected="vm.fireFightingWork.townID==x.id">{{x.title}}</option>
                </select>
                <label>@L("TownID")</label>
            </div>

            <div class="form-group form-md-line-input form-md-floating-label no-hint mrshen3">
                <select name="AreaID" class="form-control edited ng-pristine ng-valid ng-not-empty ng-touched" ng-model="vm.fireFightingWork.areaID" ng-change="vm.bindVillage(vm.fireFightingWork.areaID)" required>
                    <option ng-repeat="x in vm.areaList" value="{{x.id}}" ng-selected="vm.fireFightingWork.areaID==x.id">{{x.title}}</option>
                </select>

                <label>@L("AreaID")</label>
            </div>

            <div class="form-group form-md-line-input form-md-floating-label no-hint mrshen3">
                <select name="VillageID" class="form-control edited ng-pristine ng-valid ng-not-empty ng-touched" ng-model="vm.fireFightingWork.villageID" required>
                    <option ng-repeat="x in vm.villageList" value="{{x.id}}" ng-selected="vm.fireFightingWork.villageID==x.id">{{x.title}}</option>
                </select>
                <label>@L("VillageID")</label>
            </div>

            <div class="form-group form-md-line-input form-md-floating-label no-hint">
                <textarea auto-focus class="form-control" ng-class="{'edited':vm.fireFightingWork.desc}" rows="4" ng-model="vm.fireFightingWork.desc"></textarea>
                <label>描述</label>
            </div>

        </div>
        <div class="modal-footer">
            <button ng-disabled="vm.saving" type="button" class="btn btn-default" ng-click="vm.cancel()">@L("Cancel")</button>
        </div>
    </form>
</div>